<div class="t-tabs NewlyBuild">
    <ul class="t-tabs-wrap">
        <!--&lt;!&ndash; 当前内容 &ndash;&gt;-->
        <li class="selected">
            <div class="t-panel-content tabUserContainer">
                <!-- <div class="t-list-result fileListTab"></div> -->
                <div class="t-list-title">
                    <h2>
                        <a href="javascript:;" class="btnBack">用例列表</a>
                        <span>新建CI流水线</span>
                    </h2>
                </div>
                <div class="new_clearfix" style="padding: 10px 0;">
                    <a href="javascript:;" class="t-btn t-btn-white" style="float: right;">取消</a>
                    <a href="javascript:;" class="t-btn t-btn-white" style="float: right; margin-right: 10px;">保存</a>
                </div>
                <!--流水线名称、标识-->
                <form class="t-list-search t-columns-2 NewlyBuild mb-0 pb-0" autocomplete="off">
                    <ul class="t-columns-group">
                        <li class="">
                            <label for="caseName">
                                <span class="color-red">*</span>
                                流水线名称:
                            </label>
                            <div>
                                <input class="caseName" type="text" name="New_NewlyName" maxlength="50" placeholder="

 1-100位，中英字符、数字或“-”“_”且不能以特殊字符开头
" />
                            </div>
                        </li>
                        <li class="">
                            <label for="caseName">
                                <span class="color-red">*</span>
                                标识:
                            </label>
                            <div>
                                <input class="caseName" type="text" name="New_Identification" maxlength="50" placeholder="

1-50位，仅字母、数字可用
" />
                            </div>
                        </li>
                    </ul>
                </form>

                <div style="width: 100%; padding: 10px 0; ">
                    <!--更改模板，另存为按钮-->
                    <div>
                        <p style="margin: 5px 0;">流水线编程：</p>
                        <p style="margin: 5px 0;">
                            <a href="javascript:;" class="t-btn t-btn-white" id="New_change">更改模板</a>
                            <a href="javascript:;" class="t-btn t-btn-white" id="New_Preservation"
                               style="margin-left: 20px;">另存为模板</a>
                        </p>
                    </div>
                    <!--观察表-->
                    <div class="new_clearfix" style="margin: 20px 0 0 0px; padding: 15px 0 15px 10px; border: 1px dashed lightgray;">
                            <div class="new_left" style="width: 100px; position: relative;">
                                 <p class="new_child new_left">
                                     开始
                                 </p>
                                <p class="new_left" style="position: absolute; top: 35%; right: 20px; ">
                                    <!--<i class="iconfont icon-chiping"></i>-->
                                    →
                                </p>
                            </div>
                        <ul class="new_stateul new_left new_clearfix">
                            <li class="new_left">
                                <div class="new_li">
                                    获取代码
                                    <span>x</span>
                                    <span>→</span>
                                </div>
                            </li >

                            <li class="new_left">
                                <div class="new_li">
                                    质量分析
                                    <span>x</span>
                                    <span>→</span>
                                </div>
                            </li>
                            <li class="new_left">
                                <div class="new_li">
                                    编译构建
                                    <span>x</span>
                                    <span>→</span>
                                </div>

                            </li>
                            <li class="new_left">
                                <div class="new_li">
                                    制品库
                                    <span>x</span>
                                    <span>→</span>
                                </div>
                            </li>
                            <li class="new_left">
                                <div class="new_li">
                                    生成镜像
                                    <span>x</span>
                                    <span>→</span>
                                </div>
                            </li>
                            <li class="new_left ">
                                <div class="new_li">
                                    镜像库
                                    <span>x</span>
                                    <span>→</span>
                                </div>
                            </li>
                        </ul>
                        <div class="new_left" style="width: 100px;">
                            <p class="new_child new_left">
                                结束
                            </p>
                        </div>
                    </div>
                    <!--添加节点表-->
                    <div class="new_child_box new_clearfix t-list-search">
                        <p class="new_left" style="padding: 10px 10px;">可选节点</p>
                        <ul id="new_child_ul" class="new_child_hover">
                            <li class="new_left">
                                <input type="button" value="+ 获取代码" class="new_child_btn">
                            </li >
                            <li class="new_left">
                                <input type="button" value="+ 质量分析" class="new_child_btn">
                            </li>
                            <li class="new_left">
                                <input type="button" value="+ 编译构建" class="new_child_btn">
                            </li>
                            <li class="new_left">
                                <input type="button" value="+ 制品库" class="new_child_btn">
                            </li>
                            <li class="new_left">
                                <input type="button" value="+ 生成镜像" class="new_child_btn">
                            </li>

                            <li class="new_left">
                                <input type="button" value="+ 镜像库" class="new_child_btn">
                            </li>
                        </ul>
                    </div>
                </div>
                <!--参数配置-->
                <div id="new_configNum">
                    <div class="mt-10">
                        <div class="t-list-title tabProjectContainer sliderContainer">
                            <h2><i class="icon-circle"></i>参数配置</h2><span class="tri tri-down"></span>
                        </div>
                    </div>
                    <form class="t-list-search t-columns-2 NewlyBuild mb-0 pb-0 new_clearfix" autocomplete="off">
                        <!--流水线调度-->
                       <div class="new_configNum_box">
                           <div class="t-list-title tabProjectContainer sliderContainer">
                               <h2 style="color: #000;">流水线调度</h2><span class="tri tri-down"></span>
                           </div>
                           <ul class="new_config_ul" style="margin-left: 40px;">
                               <li>
                                   <div id="new_Jenkins_Choice">
                                   </div>
                               </li>
                               <li>
                                   <div>
                                       <label for="">
                                           <span class="color-red">*</span>JobName:
                                       </label>
                                       <div id="new_a" >
                                           <input type="text" placeholder="请输入" style=" padding-left: 6px; border: 1px solid lightgray; margin-left: 11px; width: 340px; height: 30px;">
                                       </div>
                                   </div>
                               </li>
                           </ul>
                       </div>
                        <!--获取代码-->
                        <div class="new_configNum_box">
                            <div class="t-list-title tabProjectContainer sliderContainer">
                                <h2 style="color: #000;">获取代码</h2><span class="tri tri-down"></span>
                            </div>
                            <ul class="new_config_ul" style="margin-left: 40px;">
                                <li>
                                    <div id="new_Gitlab_Choice">

                                    </div>
                                </li>
                                <li class="new_clearfix">
                                    <div>
                                        <label for="">
                                            <span class="color-red">*</span>代码库:
                                        </label>
                                        <div id="" style="float: left; width: 347px; padding-left: 10px;">
                                            <div id="new_CodeBase" >

                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div id="new_Gitlab_branch">

                                    </div>
                                </li>
                            </ul>
                        </div>
                        <!--质量分析-->
                        <div class="new_configNum_box">
                            <div class="t-list-title tabProjectContainer sliderContainer">
                                <h2 style="color: #000;">质量分析</h2><span class="tri tri-down"></span>
                            </div>
                            <ul class="new_config_ul" style="margin-left: 40px;">
                                <li>无需配置参数</li>
                            </ul>
                        </div>
                        <!--编译构建-->
                        <div class="new_configNum_box">
                            <div class="t-list-title tabProjectContainer sliderContainer">
                                <h2 style="color: #000;">编译构建</h2><span class="tri tri-down"></span>
                            </div>
                            <ul class="new_config_ul" style="margin-left: 40px;">
                               <li>
                                   <div id="new_CodeLanguage">

                                   </div>
                               </li>
                                <li>
                                    <div id="new_PackingMethod">

                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <label for="">
                                            <span class="color-red">*</span>自定义命令:
                                        </label>
                                        <div id="" >
                                            <textarea style="resize:none; margin-left: 10px;" name="new_Compile_cmd"  cols="55" rows="5"></textarea>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <!--制品库-->
                        <div class="new_configNum_box">
                            <div class="t-list-title tabProjectContainer sliderContainer">
                                <h2 style="color: #000;">质量分析</h2><span class="tri tri-down"></span>
                            </div>
                            <ul class="new_config_ul" style="margin-left: 40px;">
                                <li>无需配置参数</li>
                            </ul>
                        </div>
                        <!--生成镜像-->
                        <div class="new_configNum_box">
                            <div class="t-list-title tabProjectContainer sliderContainer">
                                <h2 style="color: #000;">生成镜像</h2><span class="tri tri-down"></span>
                            </div>
                            <ul class="new_config_ul" style="margin-left: 40px;">
                                <li>
                                    <div id="new_Docker">
                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <label for="">
                                            <span class="color-red">*</span>自定义命令:
                                        </label>
                                        <div>
                                            <textarea style="resize:none; margin-left: 10px;" name="new_image_cmd"  cols="55" rows="5"></textarea>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </form>
                    <a href="javascript:;" class="t-btn t-btn-white" id="new_subtest">连通测试</a>
                </div>
            </div>
        </li>
    </ul>
</div>

